<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人简历</title>
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/jquery.fullPage.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <script src="js/jquery-1.8.3.min.js"></script>
    <script src="js/jquery.fullPage.min.js"></script>
</head>
<body>

<div id="dowebok">
    <div class="section">
        <header>
            <div class="container">
                <div class="head">
                    <img src="img/head.png" alt="">
                </div>
                <h3>对新鲜事物充满激情，知道能驾驭它为止。</h3>
                <div class="introduce">
                    <p>我的名字叫董文慧</p>
                    <p class="p">是一名前端开发工程师</p>
                    <p>2723422448@qq.com</p>
                </div>
            </div>
        </header>
    </div>
    <div class="section">
        <section>
            <div class="container">
                <h2>关于我</h2>
                <div class="section-img clearfix">
                    <div class="s-i1">
                        <img src="img/section-1.png" alt="">
                        <p>年龄/20</p>
                    </div>
                    <div class="s-i1">
                        <img src="img/section-2.png" alt="">
                        <p>学历/专科</p>
                    </div>
                    <div class="s-i1">
                        <img src="img/section-3.png" alt="">
                        <p>来自/河北省</p>
                    </div>
                    <div class="s-i1">
                        <img src="img/section-4.png" alt="">
                        <p>状态/。。</p>
                    </div>
                </div>
                <p>可以熟练运用HTML5+css3。</p>
                <p>精通json和AJAX。</p>
                <p>了解一些Bootstrap框架和Vue框架。</p>
                <p>精通Javascript，可以熟练的运用。</p>
            </div>
        </section>
    </div>
    <div class="section">
        <div class="main">
            <div class="container">
                <h2>作品集</h2>
                <div class="one-da clearfix">
                    <div class="one">
                        <h3>漫威网页</h3>
                        <p>是根据漫威系列所写的一个网页。</p>
                        <p>是一个PC端移动端都可查看的兼容性网页。</p>
                        <p>本网页运用了Bootstrap框架技术和响应式，无论是手机端或者PC端，都可以让用户随心观看。</p>
                        <a href="http://ddwwhh.gitee.io/bootstrap_manwei_web_page"><img src="img/lianjie.png" alt=""></a>
                    </div>
                    <div class="one2">
                        <h3>天气网</h3>
                        <p>可以查询中国各个地区的天气。</p>
                        <p>可以切换各个城市。</p>
                        <p>气温和生活指数会随着城市变化而改变。</p>
                        <p>主要运用了Json数据和AJAX技术。</p>
                        <a href="http://ddwwhh.gitee.io/ajaxweather_forecast"><img src="img/lianjie.png" alt=""></a>
                    </div>
                </div>
                <div class="one-da1 clearfix">
                    <div class="one">
                        <h3>天气网</h3>
                        <p>可以查询中国各个地区的天气。</p>
                        <p>可以切换各个城市。</p>
                        <p>气温和生活指数会随着城市变化而改变。</p>
                        <p>主要运用了Json数据和AJAX技术。</p>
                        <a href="http://ddwwhh.gitee.io/ajaxweather_forecast"><img src="img/lianjie.png" alt=""></a>
                    </div>
                    <div class="one2">
                        <h3>相宜本草官网</h3>
                        <p>是一款女性护肤品牌官网</p>
                        <p>是一个PC端移动端都可查看的兼容性网站。</p>
                        <p>本个网站运用了Javascript、swiper插件、响应式、Json数据、3D动画效果和过度效果。</p>
                        <a href=" http://ddwwhh.gitee.io/xiangyibencao "><img src="img/lianjie.png" alt=""></a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="section">
        <footer>
            <div class="container">
                <h2>联系我</h2>
                <div class="lianxi clearfix">
                    <div class="img">
                        <img src="img/QQ.png" alt="" class="img1">
                        <div class="ewm">
                            <img src="img/qi.png" alt="" class="q">
                        </div>
                    </div>
                    <div class="img">
                        <div class="ewm js1">
                            <img src="img/wx.png" alt="" class="">
                        </div>
                        <img src="img/weixin.png" alt="" class="img2">
                    </div>
                    <div class="img">
                        <div class="ewm js2">
                            <img src="img/shouji.png" alt="" class="sj">
                        </div>
                        <img src="img/dianhua.png" alt="" class="img4">
                    </div>
                </div>
            </div>
        </footer>
    </div>
</div>


<script src="js/script.js"></script>
</body>
</html>